<template>
  <div>
  </div>
</template>
<script type="text/ecmascript-6">
  import {removeAll} from '../../../test/unit/storage'

  export default {
    name: 'clearcache',
    props: {},
    data() {
      return {};
    },
    methods: {
    },
    created() {
      removeAll();
      this.$router.push('/register');
    },
    components: {}
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .bannerContent {
    position: relative;

    .banner {
      object-fit: cover;
    }

    span {
      position: absolute;
      top: 20px;
      right: 20px;
      color: rgba(255, 255, 255, 0.5);
      background-color: rgba(0, 0, 0, 0.2);
      padding: 3px 7px;
      border-radius: 5px;
      font-size: 12px;

      img {
        vertical-align: middle;
        margin-bottom: 2px;
      }
    }
  }

  .weui-cell__bd {
    text-align: left;
  }

  .cell-icon {
    vertical-align: middle;
    margin-right: 5px;
  }

  .weui-panel:after {
    left: 15px;
    right: 15px;
  }

  .weui-cell:before {
    right: 15px;
  }

  .weui-panel:before {
    border-top: none;
  }

  .lipin {
    margin-top: 30px;

    a {
      color: #1f1f1f;
    }
  }

</style>

